<template>
  <layout :appHeader="{ title: $route.name }">
    <view class="contatiner">
      <view class="policy-info">
        <view class="policy-list">
          <view class="policy-item">
            <span class="e-label">保单号:</span>
            <span class="e-content e-time">B335988059</span>
          </view>
          <view class="policy-item">
            <span class="e-label">内部编号:</span>
            <span class="e-content">N2312312312</span>
          </view>
          <view class="policy-item">
            <span class="e-label">保险公司:</span>
            <span class="e-content">AIA</span>
          </view>
          <view class="policy-item">
            <span class="e-label">产品:</span>
            <span class="e-content">加裕倍安保 (25) 25</span>
          </view>
          <view class="policy-item">
            <span class="e-label">保额:</span>
            <span class="e-content">$65,000.00</span>
          </view>
          <view class="policy-item">
            <span class="e-label">保费:</span>
            <span class="e-content">$1,112.80</span>
          </view>
          <view class="policy-item">
            <span class="e-label">保单状态:</span>
            <span class="e-content">已生效</span>
          </view>
          <view class="policy-item">
            <span class="e-label">申请日期:</span>
            <span class="e-content">2015-11-25</span>
          </view>
          <view class="policy-item">
            <span class="e-label">签单员:</span>
            <span class="e-content">LUO ZIWEN</span>
          </view>
          <view class="policy-item">
            <span class="e-label">生效时间:</span>
            <span class="e-content">2017-02-20</span>
          </view>
        </view>
      </view>
      <tui-button style="background-color:#515cc3;border-radius: 12rpx;">续费</tui-button>
    </view>

  </layout>
</template>
<script>
import tuiButton from '@/components/thorui/tui-button/tui-button';
export default {
  components: {
    tuiButton
  }
}
</script>
<style lang="scss">
.contatiner {
  padding: 0 30rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 92vh;
}
.policy-info {
  position: relative;
  margin-top: 24rpx;
  padding: 10rpx 30rpx;
  background: #fff;
  border-radius: 20rpx;
  overflow: hidden;
}
.policy-list {
  position: relative;
}
.policy-item {
  position: relative;
  height: 88rpx;
  line-height: 88rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.e-sort {
  display: inline-block;
  font-size: 30rpx;
  font-weight: 800;
  color: #d0d0d0;
  width: 44rpx;
  text-align: center;
}
.e-label {
  display: inline-block;
  margin-left: 20rpx;
  margin-right: 20rpx;
  font-size: 26rpx;
  font-weight: bold;
  color: #222;
}
.e-content {
  display: inline-block;
  font-size: 26rpx;
  font-weight: 400;
  color: #222;
}
</style>